<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="styles/common.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="styles/new-sletter.css">
     <!-- jquery -->
     <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <title>全部专题</title>
</head>
<script type="text/javascript">
    ! function(e, t) { var n = t.documentElement,
    d = e.devicePixelRatio || 1;
    function i() { var e = n.clientWidth / 3.75;
        n.style.fontSize = e + "px" } if (function e() { t.body ? t.body.style.fontSize = "16px" : t.addEventListener("DOMContentLoaded", e) }(), i(), e.addEventListener("resize", i), 
        e.addEventListener("pageshow", function(e) { e.persisted && i() }), d >= 2) { var o = t.createElement("body"),
        a = t.createElement("div");
        a.style.border = ".5px solid transparent", o.appendChild(a), n.appendChild(o), 1 === a.offsetHeight && n.classList.add("hairlines"), n.removeChild(o) } }(window, document)
</script>
<body>
    <div class="news-top">
        <div class="news-tab">
            <img class="back" src="images/back.png" alt="返回">
            <ul>
                <li class="active">快讯</li>
                <li>日历</li>
            </ul>
        </div>
        <div class="news-menus">
            <ul>
                <li class="active">热点</li>
                <li>宏观</li>
                <li>外汇</li>
                <li>股票</li>
                <li>区块链</li>
                <li>股权</li>
                <li>商品</li>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </ul>
        </div>
    </div>
    <div class="page page-one active">
        <div class="title">
            <div class="title-left">
                <span>2018年09月12日 星期三</span>
            </div>
            <div class="title-right">
                <div class="date">12</div>
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
        </div>
        <div class="main">
            <ul>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>俄罗斯总统普京向日本首相安倍表示，希望年底前两国能够签署和平协议，并表示协议应当不设先决条件。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>俄罗斯总统普京向日本首相安倍表示，希望年底前两国能够签署和平协议，并表示协议应当不设先决条件。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>俄罗斯总统普京向日本首相安倍表示，希望年底前两国能够签署和平协议，并表示协议应当不设先决条件。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li class="active">
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>日本日经225指数收跌0.3%，报22604.61点。 日本东证指数收跌0.5%，报1691.32点。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>日本日经225指数收跌0.3%，报22604.61点。 日本东证指数收跌0.5%，报1691.32点。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li class="active">
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>【A股弱势震荡，医药股重挫 】截至目前，沪市成交额700亿元，全天振幅0.93%。受第一批联合带量采购清单公布的消息影响，医药股下挫，恩华药业跌停，乐普医疗跌逾4%，</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>日本日经225指数收跌0.3%，报22604.61点。 日本东证指数收跌0.5%，报1691.32点。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>日本日经225指数收跌0.3%，报22604.61点。 日本东证指数收跌0.5%，报1691.32点。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>俄罗斯总统普京向日本首相安倍表示，希望年底前两国能够签署和平协议，并表示协议应当不设先决条件。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>俄罗斯总统普京向日本首相安倍表示，希望年底前两国能够签署和平协议，并表示协议应当不设先决条件。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li class="active">
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>日本日经225指数收跌0.3%，报22604.61点。 日本东证指数收跌0.5%，报1691.32点。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="line"></div>
                    <span class="li-left">14:32</span>
                    <div class="li-right">
                        <p>日本日经225指数收跌0.3%，报22604.61点。 日本东证指数收跌0.5%，报1691.32点。</p>
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="page page-two">
        <div class="date">
            <div class="date-title"><span>2018年9月</span></div>
            <div class="date-picker">
                <div class="date-item">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
                <div class="date-item">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
                <div class="date-item">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
                <div class="date-item active">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
                <div class="date-item">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
                <div class="date-item">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
                <div class="date-item">
                    <div class="text"></div>
                    <div class="num"></div>
                </div>
            </div>
        </div>
        <div class="lists">
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq1.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq2.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-two">
                        <img src="images/star-red.png" alt="">
                        <img src="images/star-red.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq3.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq4.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq1.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq1.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq1.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <div class="title-left">
                        <span>12:02</span>
                        <img src="images/gq1.png" alt="">
                        <i>美国</i>
                    </div>
                    <div class="title-right star-one">
                        <img src="images/star-yellow.png" alt="">
                        <img src="images/star-gray.png" alt="">
                        <img src="images/star-gray.png" alt="">
                    </div>
                    <!-- 清除浮动 -->
                    <div class="clearfix"></div>
                </div>
                <div class="keyword">
                    <p>美国9月EIA WTI原油一年远期均价预期(美元/桶)美国9月EIA WTI原油一年远期均价预期(美元/桶)</p>
                </div>
                <div class="tips">
                    <ul>
                        <li>前值<span>64.34</span></li>
                        <li>预测值<span>64.34</span></li>
                        <li>公布值<span>64.34</span></li>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </ul>
                </div>
            </div>
        </div>
        <div class="no-more">
            <span>没有更多了~</span>
        </div>
    </div>
    <div class="footer">
        <div class="footer-item active">
            <img src="images/menu-blue-1.png" alt="汇圈">
            <p>汇圈</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-2.png" alt="话题">
            <p>话题</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-3.png" alt="商城">
            <p>商城</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-4.png" alt="福利">
            <p>福利</p>
        </div>
        <div class="footer-item">
            <img src="images/menu-gray-5.png" alt="我的">
            <p>我的</p>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function() {
        // 时间轴
        var height = $(".line").parent("li").height();
        $(".line").css("height", height-10);

        // 日期选择
        $(".date-item").click(function () {
            $(this).addClass("active").siblings(".date-item").removeClass("active");
        });
        
        var formatDate = function(date){
            
            var year = date.getFullYear()+'年';
            var month = (date.getMonth()+1)+'月';
            var day = date.getDate();
            var week = ["日",'一','二','三','四','五','六'][date.getDay()];
                
            return {'year': year, 'month': month, 'day': day, 'week': week}
        };
        var addDate= function(date,n){       
            date.setDate(date.getDate()+n);        
            return date;
        };
        // 初始化
        var now = new Date();
        var nowFormat = formatDate(now);
        var past1 = formatDate(new Date(now.getTime()-24*60*60*1000));
        var past2 = formatDate(new Date(now.getTime()-24*60*60*2000));
        var past3 = formatDate(new Date(now.getTime()-24*60*60*3000));
        var future1 = formatDate(new Date(now.getTime()+24*60*60*1000));
        var future2 = formatDate(new Date(now.getTime()+24*60*60*2000));
        var future3 = formatDate(new Date(now.getTime()+24*60*60*3000));
        $(".date-title").find("span").html(nowFormat.year+nowFormat.month);
        $(".date-picker>.date-item:eq(3)").find(".num").html(nowFormat.day);
        $(".date-picker>.date-item:eq(3)").find(".text").html(nowFormat.week);
        $(".date-picker>.date-item:eq(2)").find(".num").html(past1.day);
        $(".date-picker>.date-item:eq(2)").find(".text").html(past1.week);
        $(".date-picker>.date-item:eq(1)").find(".num").html(past2.day);
        $(".date-picker>.date-item:eq(1)").find(".text").html(past2.week);
        $(".date-picker>.date-item:eq(0)").find(".num").html(past3.day);
        $(".date-picker>.date-item:eq(0)").find(".text").html(past3.week);
        $(".date-picker>.date-item:eq(4)").find(".num").html(future1.day);
        $(".date-picker>.date-item:eq(4)").find(".text").html(future1.week);
        $(".date-picker>.date-item:eq(5)").find(".num").html(future2.day);
        $(".date-picker>.date-item:eq(5)").find(".text").html(future2.week);
        $(".date-picker>.date-item:eq(6)").find(".num").html(future3.day);
        $(".date-picker>.date-item:eq(6)").find(".text").html(future3.week);
    });

    // tab切换
    $(".news-tab>ul>li").click(function() {
        var index = $(this).index();
        if(index==0) {
            $(".news-menus").show();
        } else {
            $(".news-menus").hide();
        }
        $(this).addClass("active").siblings().removeClass("active");
        $(".page").eq(index).addClass("active").siblings().removeClass("active");
    })
</script>
</html>